import Vue from 'vue'
import './plugins/axios'  //引入axios插件,实现支持Promise风格的ajax异步调用
import App from './App.vue'
import router from './router' 
import store from './store' //store在mian.js中进行全局引入
import 'reset-css'   //重置浏览器css默认样式
import 'animate.css'  //引入过渡动画
import './assets/css/font-awesome.css' //引入字体图标
import 'amfe-flexible/index'  //amfe-flexible是配置可伸缩布局方案(vue移动端rem适配)
// import Vant from 'vant'  //引入所有的vant组件
import 'vant/lib/index.css'  //引入vant组件所需的css文件

import {Icon, Tabbar,TabbarItem,Search,
  Swipe, SwipeItem,Grid, GridItem,NoticeBar,
  Tab, Tabs ,Form,Field ,Button ,Dialog ,Toast,
  Checkbox, CheckboxGroup,Cell,CellGroup,
  SubmitBar, Empty, Divider,GoodsAction,
  GoodsActionIcon, GoodsActionButton, Sku,
  Card, Stepper ,Step, Steps,ContactCard,
  Popup, CouponCell, CouponList,Loading, 
} from 'vant'  //按需引入vant组件

Vue.config.productionTip = false
// Vue.use(Vant)  //全局注册所有组件
// Home.vue 
Vue.use(Tabbar).use(TabbarItem);// 全局注册按需引入的组件
Vue.use(Icon);
Vue.use(Search); //搜索组件
Vue.use(Swipe).use(SwipeItem);  //轮播图组件
Vue.use(Grid).use(GridItem);  //网格布局
Vue.use(NoticeBar);  //展示 组件

// Category.vue
Vue.use(Tab).use(Tabs);

//Login.vue
Vue.use(Form).use(Field).use(Button);
Vue.use(Dialog).use(Toast); //Dialog弹出框  Toast轻提示

//Cart.vue
Vue.use(Checkbox).use(CheckboxGroup);  
Vue.use(Cell).use(CellGroup);  // 单元格为列表中的单个展示项
Vue.use(SubmitBar); //提交订单栏
Vue.use(Empty); //空状态
Vue.use(Divider);  //分割线
Vue.use(Stepper);  //步进器

// 
Vue.use(GoodsAction).use(GoodsActionButton).use(GoodsActionIcon); //商品导航
Vue.use(Sku); //商品规格
Vue.use(Card);
Vue.use(Step).use(Steps); //步骤条
Vue.use(ContactCard);  //联系人卡片

// SubMit.vue
Vue.use(Popup);//弹出层
Vue.use(CouponCell).use(CouponList); //优惠券选择器
Vue.use(Loading); //加载


new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
